<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:shiro="http://shiro.apache.org/tags"
    template="../../templates/plantilla.xhtml">

	<ui:define name="content">
		<shiro:hasAnyPermission name="cambiar_contrasena:editar">
			<h:form id="formularioBase">
				<p:panel header="#{etq['sifeap.cambiarcontrasena.titulo']}" style="width:100%; text-align:left;">
					<div align="center">
						<h:panelGrid columns="5" style="width:76%;text-align:left;" id="panelCamposAsociado">
							<h:outputText value="#{etq['sifeap.cambiarcontrasena.documento']} *" />
							<p:inputText id="documento" value="#{cambiarContrasenaManagedBean.usuarioVo.usuario.nombreUsuario}" maxlength="15" style="width:100%" readonly="true" required="true" requiredMessage="#{msj['sifeap.cambiarcontrasena.documento.obligatorio']}" />
							<p:spacer width="1px" height="1px" />
							<p:spacer width="1px" height="1px" />
							<p:spacer width="1px" height="1px" />
							
							<h:outputText value="#{etq['sifeap.cambiarcontrasena.contrasenaactual']} *" />
							<p:password id="actual" value="#{cambiarContrasenaManagedBean.usuarioVo.usuario.password}" style="width:100%" required="true" requiredMessage="#{msj['sifeap.cambiarcontrasena.contrasenaactual.obligatorio']}"/>
							<p:spacer width="1px" height="1px" />
							<p:spacer width="1px" height="1px" />
							<p:spacer width="1px" height="1px" />
						
							<h:outputText value="#{etq['sifeap.cambiarcontrasena.contrasenanueva']} *" />
							<p:password id="nueva" value="#{cambiarContrasenaManagedBean.usuarioVo.nuevaContrasena}" style="width:100%" required="true" requiredMessage="#{msj['sifeap.cambiarcontrasena.nuevacontrasena.obligatorio']}"/>
							<p:spacer width="30px" height="1px" />
							
							<h:outputText value="#{etq['sifeap.cambiarcontrasena.confirmarcontrasenanueva']} *" />
							<p:password id="confirmarNueva" value="#{cambiarContrasenaManagedBean.usuarioVo.confirmarContrasena}" style="width:100%" required="true" requiredMessage="#{msj['sifeap.cambiarcontrasena.confirmarnuevacontrasena.obligatorio']}"/>
							
							<h:outputText value="#{etq['sifeap.cambiarcontrasena.preguntaseguridad']} *" />
							<p:selectOneMenu id="preguntaSeguridad" value="#{cambiarContrasenaManagedBean.usuarioVo.usuario.preguntasseguridad.idPreguntaSeguridad}" style="width:200px" required="true" requiredMessage="#{msj['sifeap.cambiarcontrasena.pregunta.obligatorio']}" >
					            <f:selectItem itemLabel="#{etq['sifeap.seleccion']}" itemValue="#{null}" />  
					            <f:selectItems value="#{cambiarContrasenaManagedBean.itemsPreguntasSeguridad}" />  
					        </p:selectOneMenu>
					        <p:spacer width="30px" height="1px" />
					        
					        <h:outputText value="#{etq['sifeap.cambiarcontrasena.respuesta']} *" />
							<p:inputText id="respuesta" value="#{cambiarContrasenaManagedBean.usuarioVo.usuario.respuestapregunta}" maxlength="15" style="width:100%" required="true" requiredMessage="#{msj['sifeap.cambiarcontrasena.respuesta.obligatorio']}" />
						</h:panelGrid>
					
						<h:panelGrid columns="2" id="panelBoton">
							<p:commandButton actionListener="#{cambiarContrasenaManagedBean.guardar}" value="#{etq['sifeap.guardar']}" update="@form"/>
							
							<p:commandButton action="#{cambiarContrasenaManagedBean.limpiar}" value="#{etq['sifeap.limpiar']}" update="@form" process="@this"/>
						</h:panelGrid>
					</div>
				</p:panel>
			</h:form>
		</shiro:hasAnyPermission>
		
		<p:panel header="#{etq['sifeap.cambiarcontrasena.titulo']}" style="width:100%; text-align:left;" rendered="#{!cambiarContrasenaManagedBean.tienePermisos}">
			<ui:include src="/templates/denegado.xhtml" />
		</p:panel>
		
	</ui:define>
</ui:composition>
